<template>

<div>


    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item> <img src="@/assets/image/4100c70346cff3184e01e7a3d82c66cd.jpg" alt="" height="197px" width="394px"> </van-swipe-item>
        <van-swipe-item> <img src="@/assets/image/cmjz.jpg" alt="" height="197px" width="394px"> </van-swipe-item>
        <van-swipe-item> <img src="@/assets/image/fdbc71ea7908bcc18fc70aa03c5f562e.jpg" alt="" height="197px" width="394px"> </van-swipe-item>
        <van-swipe-item> <img src="@/assets/image/359b033b5bb5c9eade4a4bd1da39b6003af3b343.jpg" alt="" height="197px" width="394px"> </van-swipe-item>
        <van-swipe-item> <img src="@/assets/image/faf8625f748c660c2c64bb5cc2c74d63.jpg" alt="" height="197px" width="394px"> </van-swipe-item>
    </van-swipe>

    <div class="nav">
        <router-link tag="div" to="/home/sub/Movie" class="nav1">
          <i class="iconfont icongoutongye_bofangjian_bofangyangshi"></i>
          <span>
             电影
          </span>
         
        </router-link>
        <router-link tag="div" to="/home/sub/Sitcom" class="nav1">
        <i class="iconfont icondianshiTV"></i>
          连续剧
        </router-link>
        <router-link tag="div" to="/home/sub/Page" class="nav1">
        <i class="iconfont iconhuatong"></i>综艺</router-link>
        <router-link tag="div" to="/home/sub/Dongman" class="nav1">
        <i class="iconfont icondongman"></i>动漫</router-link>
        <router-view></router-view>
    </div>
</div>

</template>

<style lang="scss" scoped>
  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 140px;
    text-align: center;
    background-color: #39a9ed;
    float: left;
    width: 394px;
    height: 197px;
  }
  .my-swipe{
    margin-top: 8px;
    overflow: hidden;
  }
  .nav{
      .nav1{
           margin-top:20px;
          width:80px;
          height:63px;
          color: #ccc;
          background: #333333;
          float: left;
          margin-left: 10px;
          text-align: center;
      }
      i{
        display: block;
        line-height:35px;
        color: rgb(255, 187, 0);
      }
      span{
        
      }
  }
</style>

<script>
import Vue from 'vue';
import { Swipe, SwipeItem } from 'vant';

Vue.use(Swipe);
Vue.use(SwipeItem);
export default {

}
</script>

